.filter-btn{position:relative;z-index:10}.filter-btn .absolute{transition:all .3s ease}.filter-btn.active{color:#fff!important;border:0!important;font-weight:700!important;background:transparent!important}.filter-btn.active .absolute{background:linear-gradient(135deg,#0078c8,#13a3f0)!important}.filter-btn:not(.active){color:#6b7280!important;border:1px solid #e5e7eb!important;font-weight:500!important;background:#fff!important}.filter-btn:not(.active) .absolute{background:none!important}.sort-option{font-weight:500!important;color:#374151}.sort-option.active{background-color:#dbeafe!important;color:#0078cf!important;font-weight:normal!important}.filter-bar{position:relative;display:inline-flex}.filter-pill-bg{position:absolute;height:calc(100% - 8px);border-radius:999px;background:linear-gradient(135deg,#0078c8,#13a3f0);will-change:transform,width}